$(function(){
    $("#bannerInner").tyslide({
        boxh:460,//盒子的高度
        w:1000,//盒子的宽度
        h:390,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:12,//控制按钮宽度
        controlsH:12,//控制按钮高度
        radius:6,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:false //是否显示数字
    });
    // 独家提供
    $("#listSlide").tyslide({
        boxh:460,//盒子的高度
        w:1200,//盒子的宽度
        h:390,//图片的高度
        isShow:true,//是否显示控制器
        isShowBtn:true,//是否显示左右按钮
        controltop:0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
        controlsW:12,//控制按钮宽度
        controlsH:12,//控制按钮高度
        radius:6,//控制按钮圆角度数
        controlsColor:"#d7d7d7",//普通控制按钮的颜色
        controlsCurrentColor:"#ff6600",//当前控制按钮的颜色
        isShowNum:false //是否显示数字
    });
        // 猜你喜欢

    /* 
        原理:
           1.获取当前guess中listBox的个数 (使用变量来保存索引) 
           2.获取其中一个的高度 
           3. 索引*高度=移动的距离


        索引           距离           显示内容
        0               0               第1屏
        1               -460px          第2屏
        2               -920px          第3屏
        ....
    */

    //1.定义变量保存索引值
    let num=0;

    //2.获取其中一个(listBox)的高度
    let Hei=parseInt($('#guess .listBox').eq(0).css('height'));

    //3.注册换一批的点击事件
    $('#guess .title>span').click(function(){
        // console.log(1)

        //索引自增1
        num++;

        //判定
        if(num>3){
            num=0;
        }
        //获取当前索引对应内容移动的距离 dis=-num*Hei+'px';
        let dis=-num*Hei+'px';

        //把dis设置到 .contlist的top值上
        $('#guess .contlist').animate({top:dis},500);

    })

    
    $('#banner .left ul li').hover(function(){
      
        $(this).addClass('wid')
 

      $(this).siblings().removeClass('wid');
   
   })

   $('.how ul li').mouseover(function(){
     
           $(this).find('.hehe').css({
               display:'block'
           })
       
    })
    $('.how ul li').mouseout(function(){
     
        $(this).find('.hehe').css({
            display:'none'
        })
    
 })

   
        //jquery的方法
        $('#provide .title ul li').hover(function(){
            //给当前li添加类名active ,兄弟li去类名
            $(this).addClass('active').siblings().removeClass('active');
  
            //获取当前li的索引
            // index() 不传递参数，返回这个元素在同辈中的索引位置
            let index=$(this).index();
  
            //设置当前ul对应的类名 on 其它ul去掉类名 on
            $('#provide .content>ul').eq(index).addClass('on').siblings().removeClass('on');
  
        })

            // 电子书
        $('#book .rightbox ul li').hover(function(){
            $('h4', this).addClass('hide')
           // $(this).find('h4').addClass('hide');
          $('div',this).removeClass('hide')
 
          $(this).siblings().find('h4').removeClass('hide');
          $(this).siblings().find('div').addClass('hide')
       })

})